import { View, Text, Image } from '@tarojs/components'
import Taro,{ useLoad } from '@tarojs/taro'
import './index.scss'

export default function DonationHelp () {
  function jumpToDonateJiFenPage(){
    Taro.navigateTo({
      url: '/pages/donateJiFen/index'
    })
  }
  useLoad(() => {
    console.log('Page loaded.')
  })

  return (
    <View className='donationHelp'>
      <View className='banner-wrap'>
        <View className='banner'>
          <Image mode='widthFix' src="https://static.wanhuhealth.com/images/09d5057b-1718-48ac-9409-6d836ee54ce7.jpeg" className="img"></Image>
        </View>
        <View className='info'>
          <View className='info-item'>
            <View className='label'>累计金额</View>
            <View className='value'>78182元</View>
          </View>
          <View className='info-item'>
            <View className='label'>累计互助</View>
            <View className='value'>3111人次</View>
          </View>
        </View>
      </View>
      <View className='rule'>
        <View className='rule-title'>互助原则：</View>
        <View className='rule-item'>1.互助金完全来自于平台内的用户捐助，暂不接受现金捐助</View>
        <View className='rule-item'>2.申请人每个自然年仅能申请一次互助</View>
        <View className='rule-item'>3.互助金仅能在积分宝平台内用于医保代缴</View>
      </View>
      <View className="name-wrap">
        <View className='name-header'>
          <View className='name-left'>互助名单公示</View>
          <View className='name-right'>全部&gt;&gt;</View>
        </View>
        <View className='name-body'>
          <View className='name-item'>
            第 2025090211 期名单
          </View>
          <View className='name-item'>
            第 2025090211 期名单
          </View>
        </View>
      </View>
      <View className='fixed-bottom'>
        <View className='btn info'>申请互助</View>
        <View className='btn primary' onClick={jumpToDonateJiFenPage}>捐赠积分</View>
      </View>
    </View>
  )
}
